<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>赛事直播-选项页</title>
<style type="text/css">
body {
 
	background-repeat:no-repeat;
	background-position:top center;
	background-color:#657077;
	margin:40px;
}

#tabbed_box_1 {
	margin: 0px auto 0px auto;
	width:300px;
}
.tabbed_box h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:23px;
	color:#ffffff;
	letter-spacing:-1px;
	margin-bottom:10px;
}
.tabbed_box h4 small {
	color:#e3e9ec;
	font-weight:normal;
	font-size:9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	position:relative;
	top:-4px;
	left:6px;
	letter-spacing:0px;
}
.tabbed_area {
	border:1px solid #494e52;
	background-color:#636d76;
	padding:8px;	
}

ul.tabs {
	margin:0px; padding:0px;
	margin-top:5px;
	margin-bottom:6px;
}
ul.tabs li {
	list-style:none;
	display:inline;
}
ul.tabs li a {
	background-color:#464c54;
	color:#ffebb5;
	padding:8px 14px 8px 14px;
	text-decoration:none;
	font-size:9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	border:1px solid #464c54;
 
	background-repeat:repeat-x;	 
	background-position:bottom;
}
ul.tabs li a:hover {
	background-color:#2f343a;
	border-color:#2f343a;
}
ul.tabs li a.active {
	background-color:#ffffff;
	color:#282e32;
	border:1px solid #464c54; 
	border-bottom: 1px solid #ffffff;
 
	background-repeat:repeat-x;
	background-position:top;	
}
.content {
	background-color:#ffffff;
	padding:10px;
	border:1px solid #464c54; 	
	font-family:Arial, Helvetica, sans-serif;
	 
	background-repeat:repeat-x;	 
	background-position:bottom;	
}
#content_2, #content_3 { display:none; }

.content ul {
	margin:0px;
	padding:0px 20px 0px 20px;
}
.content ul li {
	list-style:none;
	border-bottom:1px solid #d6dde0;
	padding-top:15px;
	padding-bottom:15px;
	font-size:13px;
}
.content ul li:last-child {
	border-bottom:none;
}
.content ul li a {
	text-decoration:none;
	color:#3e4346;
}
.content ul li a small {
	color:#8b959c;
	font-size:9px;
	text-transform:uppercase;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	position:relative;
	left:4px;
	top:0px;
}
.content ul li a:hover {
	color:#a59c83;
}
.content ul li a:hover small {
	color:#baae8e;
}
img{padding-bottom:0px; padding-top:2px; margin-bottom:0px; margin-top:0px;}
</style>
 <script type="text/javascript" src="js/jquery-1.3.1.min.js"></script>
     <script>
	
	  // When the document loads do everything inside here ...
	  $(document).ready(function(){
			$("#cn").click(function(){
	 save(this.title,this.name);
			//localStorage['src']=this.title;
		});
			$("#en").click(function(){
		 save(this.title,this.name);
			//localStorage['src']=this.title;
		});	$("#vn").click(function(){
	 save(this.title,this.name);
		//	localStorage['src']=this.title;
		});	$("#kr").click(function(){
	    save(this.title,this.name);
	//		localStorage['src']=this.title;
		});	$("#hk").click(function(){
		  
			save(this.title,this.name);
			
		});
	     function save(val,l)
		 {
		    localStorage.clear();
			 localStorage['src']=val;
		 
			 $("#xinxi").html("<li>"+l+"</li>");
		///	    setTimeout( $("#xinxi").html("<li>"+l+"</li>"),100000);
			// alert(11);
			 }
			 
			 function exit(){
				  $("#xinxi").html("");
				 }
		$("a.tab").click(function () {
			
			
			// switch all tabs off
			$(".active").removeClass("active");
			
			// switch this tab on
			$(this).addClass("active");
			
			// slide all content up
			$(".content").slideUp();
			
			// slide this content up
			var content_show = $(this).attr("name");
			$("#"+content_show).slideDown();
		  
		});

	  });
  </script>

<body>
<div>

<div id="tabbed_box_1" class="tabbed_box">
	 <h4>篮球直播 <small>bata</small></h4>
    <div class="tabbed_area">
    
    	
        <ul class="tabs">
            <li><a href="#" title="常规设置" name="content_1" class="tab active"	>常规设置</a></li>
            <li><a href="#" title="关于"  name="content_2" class="tab">关于</a></li>
            <li><a href="#" title="帮助" name="content_3" class="tab" onclick="window.open('http://www.tianxiangstudio.com/')">帮助</a></li>
        </ul>
        
        <div id="content_1" class="content">
        	<ul id='setting'>
          
            	<li>
            	  <div><div style="float:left; padding-bottom:0px; padding-top:2px;	"><small style="font:'Courier New', Courier, monospace"	>Language:
             </small></div>
             <a id="cn" href="#" title="http://basket.7m.cn/free_gb.aspx?tz=+0800" name="设置成功 当前语言为简体"><img src="gjduqi_001.png" alt="简体"  height="16" width="16"    title="简体"/> </a>   <a name="设置成功 当前语言为繁体" id="hk" href="#" title="http://basket.7m.cn/free_big.aspx?tz=+0800" ><img src="gjduqi_002.png" alt="繁体" width="16"  height="16" id="hk" title="繁體"/> </a>  <a href="#" id='en' title="http://basket.7m.cn/free_en.aspx?tz=+0800" name="The current language is English"> <img src="gjduqi_015.png"  alt="English" height="16" width="16" title="English"/> </a><a id="vn" href="#" title="http://basket.7m.cn/free_vn.aspx?tz=+0800" name="Ngôn ngữ hiện tại cho Việt Nam"><img src="gjduqi_009.png"  alt="Tiếng Việt" height="16" width="16"   title="Tiếng Việt" /> </a><a id="kr" href="#" title="http://basket.7m.cn/free_kr.aspx?tz=+0800" name="한국 현재 언어"><img src="gjduqi_043.png"  alt="한국어" height="16" width="16"  title="Korean" /></a></div>
                
                </li>
                <li id="xinxi"></li>
            	 
			</ul>
</div>
        <div id="content_2" class="content">
        	<ul>
            	<li><a href=""> 天香篮球直播 <small> </small></a></li>
            	<li><a href="#">版本 <small>bata 0.1</small></a></li>
            	<li><a href="http://www.tianxiangstudio.com/"" target="_blank">制作 <small>天香工作室</small></a></li>
            	<li><a href="http://www.tianxiangstudio.com/" target="_blank"> 版权所有<small>天香工作室</small></a></li>
            	<li><a href="">联系 <small>tianxiangstudio@163.com</small></a></li>
            	<li><a href="http://www.7m.cn/" target="_blank" >数据提供<small>7m.cn</small></a></li>
			</ul>
        </div>
        <div id="content_3" class="content">
        	<ul >
             
		  </ul>
        </div>
    
    </div>

 
 
</div>

</div>
</body>
</html>
